<template>
  <view class="page flex-col">
    <view class="section1 flex-col">
      <view class="block1 flex-col">
        <view class="block2 flex-col">
          <view class="layer1 flex-row">
            <text class="word1">9:41</text>
            <view class="wrap1 flex-col"></view>
            <view class="wrap2 flex-col"></view>
            <view class="wrap3 flex-col"></view>
          </view>
          <view class="layer2 flex-col"></view>
          <text class="info1">虚拟人Ema</text>
          <view class="layer3 flex-row">
            <view class="mod1">
              <text class="info2">￥</text>
              <text class="word2">599</text>
            </view>
            <view class="mod2 flex-col"></view>
            <text class="word3">378</text>
          </view>
          <view class="layer4 flex-row">
            <view class="section2 flex-col"></view>
            <text class="info3">Ema工作室</text>
            <text class="word4">星期三</text>
          </view>
          <view class="layer5 flex-col">
            <view class="bd1 flex-row">
              <view class="TextGroup1 flex-col justify-between">
                <text class="word5">作品描述</text>
                <text class="info4">
                  虚拟人《Ema》来自法国Ema数字设计工作室第二季度&nbsp;的全新首发。
                </text>
              </view>
            </view>
          </view>
        </view>
        <view class="block3 flex-col">
          <view class="outer1 flex-col">
            <text class="word6">选择版号</text>
            <view class="mod3 flex-row justify-between">
              <view class="Tag1 flex-col">
                <view class="bd2 flex-row">
                  <view class="TextGroup2 flex-col justify-between">
                    <text class="word7">01</text>
                    <text class="word8">20</text>
                  </view>
                </view>
              </view>
              <view class="section3 flex-col">
                <view class="wrap4 flex-row">
                  <view class="TextGroup3 flex-col justify-between">
                    <text class="word9">02</text>
                    <text class="info5">20</text>
                  </view>
                </view>
              </view>
              <view class="section4 flex-col">
                <view class="bd3 flex-row">
                  <view class="TextGroup4 flex-col justify-between">
                    <text class="info6">03</text>
                    <text class="info7">20</text>
                  </view>
                </view>
              </view>
              <view class="section5 flex-col">
                <view class="main1 flex-row">
                  <view class="TextGroup5 flex-col justify-between">
                    <text class="word10">04</text>
                    <text class="word11">20</text>
                  </view>
                </view>
              </view>
            </view>
            <text class="info8">品牌保障</text>
            <text class="info9">
              该商品由品牌方官方授权，混沌平台联合代理发行，购买后可以凭借售后凭证信息进行正品验证，盗版必究。
            </text>
            <text class="txt1">￼联盟链®技术支持</text>
            <text class="info10">
              链上数字藏品具备唯一编号、永久存证、不可复制、不可篡改的特性。
            </text>
            <text class="info11">温馨提示</text>
            <text class="info12">
              数字藏品的版权由发行方或原创者拥有（所有），除另行取得版权拥有者书面同意外，用户不得将数字藏品用于任何商业用途。本商品一经售出，不支持退换。本商品源文件不支持本地下载。请勿对数字藏品进行炒作、场外交易、欺诈，或以任何其他非法方式进行使用。
            </text>
            <view class="mod4 flex-col">
              <button class="Button1 flex-col" @click="onClick_1">
                <text class="word12">确认购买</text>
              </button>
            </view>
          </view>
          <view class="outer2 flex-col">
            <view class="main2 flex-row">
              <view class="TextGroup6 flex-col justify-between">
                <text class="txt2">05</text>
                <text class="word13">20</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    }
  }
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>
